export default {
  name: 'co-header',
  functional: true,
  render (h, { data, slots }) {
    data.staticClass = `${data.staticClass || ''} co-header`;
    slots = slots();
    return h('header', data, [
      slots.left && slots.left.length > 0 ? h('div', {
        staticClass: 'co-header-left'
      }, slots.left) : null,
      h('div', {
        staticClass: 'co-header-center'
      }, slots.default),
      slots.right && slots.right.length > 0 ? h('div', {
        staticClass: 'co-header-right'
      }, slots.right) : null
    ]);
  }
};
